<template>
  <div>
    <!-- 快捷字符 -->
    <div class="flex_row flex_wrap flex_center">
      <el-button v-for="(item, index) in textList"
        :key="index" size="mini"
        @click="setCharacter(item)"
        :class="{'mr10': index == 0}"
        class="character mb5">{{item}}</el-button>
    </div>
  </div>
</template>

<script>
export default {
  data () {
    return {
      textList: ['I', 'II', 'III', 'IV', 'V', 'aVR', 'aVL', 'aVF', 'V1', 'V2', 'V3', 'V4', 'V5', 'V6', 'QRS', 'ms', 'mV', '<', '>', '≥', '≤', '%']
    }
  },
  methods: {
    setCharacter (item) {
      this.$emit('getCharacter', item)
    }
  }
}
</script>

<style lang="less" scoped>
.el-button+.el-button{margin:0 10px 5px 0;}
.character{width:calc((100% - 60px) / 12);}
</style>
